<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>成都融微软件服务有限公司</title>
    <!-- <link rel="stylesheet" href="css/bootstrap.min.css" /> -->
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1031196_66s8datjlfd.css" />
    <link rel="stylesheet" href="js/layui/css/layui.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headleft.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/echarts.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="daohang bgff">
        <script>$(".daohang").load("header.html");</script>
    </div>
    <!-- 中间内容-->
    <div class="substance">
        <div class="substance_lf">
            <!-- 左边栏目 -->
            <script>$(".substance_lf").load("left3.html");</script>
        </div>
        <div class="substance_rt huibg">
            <!-- 右边的内容 -->
            <!-- 导航 -->
            <div class="rt_tit">
                <a href="#" class="fnt_14">运营中心</a> / <a href="#" class="fnt_14">发布项目</a>
            </div>
            <div class="bgff pad15 mb20">
                <div class="ping_pd">
                    <h1 class="index_tit col_lan fnt_16 mb20"> <i class="iconfont icon-tongjifenxi"></i> 任务列表</h1>
                    <div class="Overview">
                        <ul>
                            <li><a href="#">
                                    <div class="Overview_top">
                                        <div class="Overview_lf">
                                            <i class="iconfont icon-fangan1 col_fff"></i>
                                        </div>
                                        <div class="Overview_rt">
                                            <h2 class="fnt_18 col_fff">今日报送总数</h2>
                                        </div>
                                    </div>
                                    <div class="Overview_bottom">
                                        <h1 class="fnt_36 col_fff">9526篇</h1>
                                    </div>
                                </a></li>
                            <li><a href="#">
                                    <div class="Overview_top">
                                        <div class="Overview_lf">
                                            <i class="iconfont icon-jifen1 col_fff"></i>
                                        </div>
                                        <div class="Overview_rt">
                                            <h2 class="fnt_18 col_fff">今日积分总数</h2>
                                        </div>
                                    </div>
                                    <div class="Overview_bottom">
                                        <h1 class="fnt_36 col_fff">15260积分</h1>
                                    </div>
                                </a></li>
                            <li><a href="#">
                                    <div class="Overview_top">
                                        <div class="Overview_lf">
                                            <i class="iconfont icon-fangan1 col_fff"></i>
                                        </div>
                                        <div class="Overview_rt">
                                            <h2 class="fnt_18 col_fff">今日任务总数</h2>
                                        </div>
                                    </div>
                                    <div class="Overview_bottom">
                                        <h1 class="fnt_36 col_fff">12735篇</h1>
                                    </div>
                                </a></li>
                            <li><a href="#">
                                    <div class="Overview_top">
                                        <div class="Overview_lf">
                                            <i class="iconfont icon-fangan1 col_fff"></i>
                                        </div>
                                        <div class="Overview_rt">
                                            <h2 class="fnt_18 col_fff">项目总数</h2>
                                        </div>
                                    </div>
                                    <div class="Overview_bottom">
                                        <h1 class="fnt_36 col_fff">27363篇</h1>
                                    </div>
                                </a></li>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="mb20">
                <div class="erba">
                    <div class="er_ban  bgff " style="padding: 0 15px;">

                        <div class="">
                            <h1 class="index_tit col_lan fnt_16 mb20"> <i class="iconfont icon-fangan1"></i> 本日任务完成率
                            </h1>
                            <table class="layui-table">
                                <thead>
                                    <tr>
                                        <th> 排名 </th>
                                        <th> 任务名称 </th>
                                        <th> 类型 </th>
                                        <th>进度 </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td> 约稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td> 约稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td> 约稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td> 约稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td> 约稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="22">
                                            <div class="tDiv">

                                                <div class="list-page">
                                                    <input type="hidden" id="pageurl" value="c=index">
                                                    <!-- $Id: page.lbi 14216 2008-03-10 02:27:21Z testyang $ -->
                                                    <div id="turn-page">
                                                        <span class="page page_1">总计 <em
                                                                id="totalRecords">425</em>个记录</span>
                                                        <span class="page page_2">分为<em id="totalPages">29</em>页</span>
                                                        <!--<span>页当前第<em id="pageCurrent">1</em></span>-->
                                                        <span class="page page_3">
                                                            <i>每页</i>
                                                            <input type="text" size="3" id="pageSize" value="15">
                                                        </span>
                                                        <span id="page-link">
                                                            <a href="?c=index&amp;page=1" class="first" title="第一页"></a>
                                                            <a href="?c=index&amp;page=1" class="prev" title="上一页"></a>
                                                            <select id="gotoPage">
                                                                <option value="1" selected="">1</option>
                                                                <option value="2">2</option>
                                                                <option value="3">3</option>
                                                                <option value="4">4</option>
                                                                <option value="5">5</option>
                                                                <option value="6">6</option>
                                                                <option value="7">7</option>
                                                                <option value="8">8</option>
                                                                <option value="9">9</option>
                                                                <option value="10">10</option>
                                                                <option value="11">11</option>
                                                                <option value="12">12</option>
                                                                <option value="13">13</option>
                                                                <option value="14">14</option>
                                                                <option value="15">15</option>
                                                                <option value="16">16</option>
                                                                <option value="17">17</option>
                                                                <option value="18">18</option>
                                                                <option value="19">19</option>
                                                                <option value="20">20</option>
                                                                <option value="21">21</option>
                                                                <option value="22">22</option>
                                                                <option value="23">23</option>
                                                                <option value="24">24</option>
                                                                <option value="25">25</option>
                                                                <option value="26">26</option>
                                                                <option value="27">27</option>
                                                                <option value="28">28</option>
                                                                <option value="29">29</option>
                                                            </select>
                                                            <a href="?c=index&amp;page=2" class="next" title="下一页"></a>
                                                            <a href="?c=index&amp;page=29" class="last" title="最末页"></a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                    </div>
                    <div class="er_ban ba bgff">
                        <div class=" ">
                            <h1 class="index_tit col_lan fnt_16 mb20"> <i class="iconfont icon-zhidingyuegaorenwu"></i>
                                任务列表</h1>
                            <table class="layui-table">
                                <thead>
                                    <tr>
                                        <th> 排名 </th>
                                        <th> 任务名称 </th>
                                        <th>进度 </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td> 推荐式影评/影人系列” 征稿 </td>
                                        <td>
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar layui-bg-blue" lay-percent="20%"></div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="22">
                                            <div class="tDiv">

                                                <div class="list-page">
                                                    <input type="hidden" id="pageurl" value="c=index">
                                                    <!-- $Id: page.lbi 14216 2008-03-10 02:27:21Z testyang $ -->
                                                    <div id="turn-page">
                                                        <span class="page page_1">总计 <em
                                                                id="totalRecords">425</em>个记录</span>
                                                        <span class="page page_2">分为<em id="totalPages">29</em>页</span>
                                                        <!--<span>页当前第<em id="pageCurrent">1</em></span>-->
                                                        <span class="page page_3">
                                                            <i>每页</i>
                                                            <input type="text" size="3" id="pageSize" value="15">
                                                        </span>
                                                        <span id="page-link">
                                                            <a href="?c=index&amp;page=1" class="first" title="第一页"></a>
                                                            <a href="?c=index&amp;page=1" class="prev" title="上一页"></a>
                                                            <select id="gotoPage">
                                                                <option value="1" selected="">1</option>
                                                                <option value="2">2</option>
                                                                <option value="3">3</option>
                                                                <option value="4">4</option>
                                                                <option value="5">5</option>
                                                                <option value="6">6</option>
                                                                <option value="7">7</option>
                                                                <option value="8">8</option>
                                                                <option value="9">9</option>
                                                                <option value="10">10</option>
                                                                <option value="11">11</option>
                                                                <option value="12">12</option>
                                                                <option value="13">13</option>
                                                                <option value="14">14</option>
                                                                <option value="15">15</option>
                                                                <option value="16">16</option>
                                                                <option value="17">17</option>
                                                                <option value="18">18</option>
                                                                <option value="19">19</option>
                                                                <option value="20">20</option>
                                                                <option value="21">21</option>
                                                                <option value="22">22</option>
                                                                <option value="23">23</option>
                                                                <option value="24">24</option>
                                                                <option value="25">25</option>
                                                                <option value="26">26</option>
                                                                <option value="27">27</option>
                                                                <option value="28">28</option>
                                                                <option value="29">29</option>
                                                            </select>
                                                            <a href="?c=index&amp;page=2" class="next" title="下一页"></a>
                                                            <a href="?c=index&amp;page=29" class="last" title="最末页"></a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
            <div class="bgff pad15">
                <h1 class="index_tit col_lan fnt_16 mb20"> <i class="iconfont icon-fangan1"></i> 趋势统计</h1>
                <div class="vital">
                    <div class="vital_cont">
                        <div class="vital_item" style="display: block;">
                            <div id="Vip" style="height: 500px;"></div>
                        </div>
                        <div class="vital_item">
                            <div id="Vips" style="height: 500px;"></div>
                        </div>
                    </div>
                    <div class="vital_tit">
                        <span class="active">7天</span>
                        <span>14天</span>
                    </div>
                </div>
            </div>
            <!-- 尾部 -->
            <div class="foot huibg">
                <script>$(".foot").load("foot.html");</script>
            </div>
        </div>

    </div>
    </div>
    <script src="js/layui/layui.all.js"></script>
    <script>
        $('.vital_tit span').click(function () {
            var liindex = $('.vital_tit span').index(this);
            console.log(liindex);
            $(this).addClass('active').siblings().removeClass('active');
            $('.vital_cont .vital_item').eq(liindex).fadeIn(150).siblings(".vital_item").hide();
            a();b();
        });

        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test16'
                , range: true
            });
        })

    </script>
    <script>
        function a() {
            var myChart3 = echarts.init(document.getElementById('Vip'));
            var option = {
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['采用量', '推送量', '报送量']
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                toolbox: {
                    feature: {
                        saveAsImage: {}
                    }
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                    {
                        name: '采用量',
                        type: 'line',
                        stack: '总量',
                        data: [120, 132, 101, 134, 90, 230, 210]
                    },
                    {
                        name: '推送量',
                        type: 'line',
                        stack: '总量',
                        data: [220, 182, 191, 234, 290, 330, 310]
                    },
                    {
                        name: '报送量',
                        type: 'line',
                        stack: '总量',
                        data: [150, 232, 201, 154, 190, 330, 410]
                    },
                ]
            };
            myChart3.setOption(option)
        }
        function b() {
            var myChart4 = echarts.init(document.getElementById('Vips'));
            var options = {
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['采用量', '推送量', '报送量']
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                toolbox: {
                    feature: {
                        saveAsImage: {}
                    }
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15']
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                    {
                        name: '采用量',
                        type: 'line',
                        stack: '总量',
                        data: [120, 132, 101, 134, 90, 230, 210, 132, 101, 134, 90, 230, 210, 230, 210]
                    },
                    {
                        name: '推送量',
                        type: 'line',
                        stack: '总量',
                        data: [220, 182, 191, 234, 290, 330, 310, 182, 191, 234, 290, 330, 310, 310, 290]
                    },
                    {
                        name: '报送量',
                        type: 'line',
                        stack: '总量',
                        data: [150, 232, 201, 154, 190, 330, 410, 232, 201, 154, 190, 330, 410, 232, 201]
                    },
                ]
            };
            myChart4.setOption(options);
        }
        a() ;
    </script>
</body>

</html>